<template>
	<view class="box">
		<view class="icon">
			<image :src="baseUrl + '/static/kefu-icon.png'" mode="" style="width: 216rpx;height: 120rpx;"></image>

		</view>
		<view class="content">
			<view class="contact">联系我们</view>
			<view class="mobile">
				<view class="mobile-icon">
					<image style="width: 40rpx;height: 40rpx;" :src="baseUrl + '/static/phone2.png'"></image>
				</view>
				<view class="mobile-number">
					{{phone}}
				</view>
			</view>
			<view class="mobile">
				<view class="mobile-icon">
					<image style="width: 40rpx;height: 40rpx;" :src="baseUrl + '/static/wxpay.png'"></image>
				</view>
				<view class="mobile-number">
					{{wechat}}
				</view>
			</view>
			<view class="mobile">
				<view class="mobile-icon">
					<image style="width: 40rpx;height: 40rpx;" :src="baseUrl + '/static/mailbox.png'"></image>
				</view>
				<view class="mobile-number">
					{{email}}
				</view>
			</view>
		</view>
		<view class="info">
			<view>
				Copyright©2004-2021
			</view>
			<view>
				河南萤石信息技术服务有限公司 www.zoyob.com 版权所有
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				baseUrl: this.$config.baseUrl,
				info: {},
				email: '',
				phone: '',
				wechat: ''
			}
		},
		onLoad() {
			this.getCliList()
		},
		methods: {
			async getCliList() {
				const [err, rs] = await this.$get(this.$api.cliList)
				if (rs) {
					this.phone = rs.data[0].context
					this.email = rs.data[1].context
					this.wechat = rs.data[2].context

				}
			}
		},

	}
</script>

<style scoped>
	.box {
		width: 100vw;
		height: 100vh;
		background: #fff;
	}

	.icon {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: 56rpx;
	}

	.content {
		margin-top: 167rpx;
		padding: 0 20rpx;
	}

	.contact {
		font-size: 40rpx;
		font-family: PingFang SC;
		font-weight: 800;
		color: #333333;
		margin-left: 12rpx;

	}

	.mobile {
		width: 100%;
		display: flex;
		align-items: center;
		background: #F7F7F7;
		border-radius: 30rpx;
		height: 144rpx;
		margin-top: 39rpx;

	}

	.mobile-icon {
		width: 92rpx;
		height: 92rpx;
		background: #FFFFFF;
		border-radius: 35rpx;
		margin: 26rpx;
		margin-right: 40rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.mobile-number {
		font-size: 36rpx;
		font-family: PingFang SC;
		font-weight: 800;
		color: #666666;
	}

	.info {
		padding: 0 60rpx;
		margin-top: 180rpx;
		color:#666;
		text-align: center;
	}
</style>
